<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.show{
				font-size:60px;
				color:red;
				font-style: italic;
				font-weight: 100;
			}
			#adv{
				font-size: 40px;
				font-family: "叶根友毛笔行书2.0版",verdana,"楷体";
			}
			#adv2{
				font-size: 40px;
				font-family: "楷体";
			}
			div{
				/* font-family: webdings; */
				font-size: 5em;
				
			}
			#a3{
				color: rgba(0,0,0,0.8);
				text-indent: 2em;
				text-align: right;
				 letter-spacing: 14px;
				 line-height: 40px;
				/* word-spacing: 10px; */
				text-shadow: 4px 9px 3px red;
				/* text-shadow: 0 0 4px blue; */
				white-space:pre-line;
				text-decoration:line-through;
			}
		</style>
	</head>
	<body>
		<h1>
			在青鸟，享受<span class="show">北大式</span>教学服务
		</h1>
		<p id="adv">
			我喜欢java,但是python也不错
		</p>
		<p id="adv2">
			我喜欢java,但是python也不错
		</p>
		<div>
			sdlkfsdf
			sdfkljsdlfsdf
			sdfk你好
		</div>
		<p id="a3">
			注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
			所有主流浏览器都支持 text-shadow 属性。

注释：Internet Explorer 9 以及更早版本的浏览器不支持 text-shadow 属性。
		</p>
	</body>
</html>
